<script>
import { jssdk } from '@/api/api'
import { encode } from '@/utils/utils.js'
export default {
  data(){
    return{

    }
  },
  created(){
    jssdk({url: encode(window.location.href)}).then(res=>{
      this.wxInit(res.data)
    })
  },
  methods:{
    wxInit(data){
      let that = this
      wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: data.appId, // 必填，公众号的唯一标识
        timestamp: data.timestamp, // 必填，生成签名的时间戳
        nonceStr: data.nonceStr, // 必填，生成签名的随机串
        signature: data.signature,// 必填，签名
        jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline','updateAppMessageShareData','updateTimelineShareData'] // 必填，需要使用的JS接口列表
      })
      wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
        wx.onMenuShareAppMessage({
          title: `(${that.data.time})${that.data.name}`, // 分享标题
          desc: that.data.share_desc,
          link: window.location.href,
          imgUrl: that.data.share_img,
          dataUrl: '',
          success: function () {
          }
        });
        wx.onMenuShareTimeline({
          title: `(${that.data.time})${that.data.name}`, // 分享标题
          desc: that.data.share_desc,
          link: window.location.href,
          imgUrl: that.data.share_img,
          dataUrl: '',
          success: function () {
          }
        });	
        wx.updateAppMessageShareData({ 
          title: `(${that.data.time})${that.data.name}`, // 分享标题
          desc: that.data.share_desc, // 分享描述
          link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: that.data.share_img, // 分享图标
          success: function () {
            // 设置成功
          }
        })
         //自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0）
        wx.updateTimelineShareData({ 
          title: `(${that.data.time})${that.data.name}`, // 分享标题
          link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: that.data.share_img, // 分享图标
          success: function () {
            // 设置成功
          }
        })
      }); 
    },
  }
}
</script>